<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        TIP

        图像亮度（Brightness/Luminance）是指图像中光线强度的视觉感知量，是影响图像视觉效果的核心要素之一。 光线弱，看东西变暗的；光线强（亮），看东西太刺眼。
        brightness() 函数用于调整图像的亮度。
        值为 0% 或 0 将创建全黑图像；
        值为 100% 或 1 会使输入保持不变。
        如果值大于 100% 将使图像更加明亮。

        语法
        filter: brightness(40%);
        filter: brightness(0.4);
    -->

    <style>
        .box {
          width: 200px;
          height: 200px;
          background: url('/src/img/css3/ms.jpg') center;
          /* 调整图片的亮度 */
          /* filter:brightness(0); */
          /* filter:brightness(0.5); */
          /* filter:brightness(1);  */
          filter: brightness(1.2);
        }
      </style>
      <div class="box"></div>
</body>
</html>